
.border-box {
  position: relative;
  display: flex;
  justify-content: center;
  .border-text{
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    font-size: 50px;
    font-weight: bolder;
    background: $--global-back-linear-color--;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient-border {
    width: 240px;
    height: 140px;
    border-radius: 100px;
    background: $--global-back-linear-color--;
    padding: 3px;
    mask:
            linear-gradient(#fff 0 100%) content-box,
            linear-gradient(#fff 0 100%);
    -webkit-mask-composite: xor;
  }
}
